<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$.get()方法</title>
</head>
<body>

    
    <div class="content">
        <button id="btn">点我获取</button><span id="info"></span>
        <div id="box"></div>
    </div>
    
    
    <script src="./jquery-3.6.0.js"></script>
    
    
    <script>
        
        /*
            $.get() 方法通过 HTTP GET 请求从服务器上请求数据。

            语法：
            $.get(URL,data,callback(data, status, xhr) );
                必需的 URL 参数规定您希望请求的 URL。
                data可选。规定连同请求发送到服务器的数据。
                可选的 callback 参数是请求成功后所执行的函数名。
                $.get() 方法从服务器上的一个文件中取回数据 
        */
    
        $(function () {
            $('#btn').click(function () {
                // 本地文件
                let key = "8c53f287791b4Bd6b418A14c24F8402f"
            //   $("#box").load('./data/test.txt')
                $.get(`https://route.showapi.com/109-34?appKey=${key}`, function (data, status, xhr) {
                    console.log('请求结果是', data.showapi_res_body, status, xhr)
                    let { channelList } = data.showapi_res_body
                    console.log(channelList);
                    
                })
            })
        })
        


    </script>
</body>
</html>